/* <copyright>

Author:
   Moch. Zamroni
   http://www.icreativelabs.com/
Roles:
   Slicing PNG, XHTML/CSS Handcode, Cross-browsing
Project Initiatior:
   iCreativeLabs
   http://www.icreativelabs.com/

</copyright> */

/* Clear Floated Elements
http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* start */
body{
    background: #fff url(../img/bg_top.gif) repeat-x top center;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #333;
}
/* etc */
a{
    text-decoration: none;
    color: #990066;
}
a:hover{
    text-decoration: underline;
}
.purple,
.page .purple,
.page .post .purple,
a.purple,
.purple a{
    color: #990066;
}
.page .gray,
.gray{
    color: #999;
}
.dark,
.wrap .dark p{
    color: #24365D;
}
.black{
    color: #000;
}
.wrap{
    width: 960px;
    display: block;
    margin: 0px auto;
}
.w270{
    display: inline-block;
    width: 270px;
}
.w100{
    width: 100px;
}
.w450{
    width: 450px;
}
/* font-size */
.f18{
    font-size: 18px;
}
.f17{
    font-size: 17px;
}
.f16{
    font-size: 16px;
}
.f15{
    font-size: 15px;
    line-height: 130%;
}
.f14{
    font-size: 14px;
    line-height: 130%;
}
.f13{
    font-size: 13px;
    line-height: 130%;
}
.f12{
    font-size: 12px;
}
.f20{
    font-size: 20px;
}
/* header */
.header{
    display: block;
    height: 60px;
    background: url(../img/header.jpg) no-repeat bottom center;
    color: #fff;
}
.header a{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.header a:hover{
    text-decoration: underline;
}
.header h1{
    padding: 5px 0 0 0;
    float: left;
}
.header h1 a{
    display: block;
    height: 50px;
    width: 277px;
    text-indent: -5000px;
    background: url(../img/logonew.png) no-repeat top left;
}
.header h2{
    font-size: 21px;
    line-height: 75px;
    height: 60px;
    font-weight: normal;
    background: url(../img/tri.png) no-repeat bottom left;
    float: left;
    margin-left: 45px;
    padding-left: 3px;
    text-shadow: 1px 1px 1px #24365D;
}
.header h2.norm{
    font-size: 17px;
}
.header h2.norm a{
    font-weight: normal;    
}
.header .search{
    float: right;
    height: 60px;
    margin: 0px;
    border-top: 4px solid #D0CCC5;
}
.search .input{
    float: left;
    padding-top: 20px;
}
.search input{
    color: #fff;
    background: url(../img/bgsearch.gif) repeat left center;
    border: 1px solid #66738E;
    width: 150px;
    height: 22px;
    padding: 1px 5px;
}
.search button{
    margin: 20px 0 0 -1px;
    cursor: pointer;
    background: url(../img/gonew.gif) no-repeat top left;
    text-indent: -5000px;
    border: 0px;
    height: 26px;
    width: 36px;
}
.header .twit{
    float: right;
    margin: 10px 20px 0 0;
}
.header .twit img{
    vertical-align: top;
}
.bread{
    color: #24365D;
    font-size: 13px;
    padding: 25px 0 15px 145px;
}
.bread a{
    color: #24365D;
}
.prevnext{
    display: block;
    text-align: center;
    padding-top: 10px;
}
.prevnext a{
    border: 1px solid #999;
    padding: 2px 5px;
    color: #666;
    font-size: 11px;
}
.prevnext a:hover,
.prevnext a.on{
    text-decoration: none;
    background-color: #990066;
    color: #fff;
}
.prevnext .prev,
.prevnext .next{
    float: left;
    font-weight: bold;
    font-size: 15px;
    border: 0px;
    color: #990066;
    margin-top: -4px;
}
.prevnext .next{
    float: right;
}
.localnews{
    color: #990066;
    font-size: 18px;
    font-weight: normal;
    display: block;
    border-bottom: 1px dotted #666;
    padding: 10px 0;
}
.localnews2{
    color: #666;
    font-size: 13px;
}
.localnews span{
    font-size: 12px;
    font-weight: normal;
    color: #000;
    margin: 5px 80px;
    text-align: center;
}
.localnews span a{
    color: #999;
}
.localnews span a:hover,
.localnews span a.on{
    color: #990066;
}
.localnews span img{
    vertical-align: middle;
    margin: 0 0 0 5px;
}
.localnews select{
    float: right;
    background: url(../img/form.gif) repeat-x top center;
    border: 1px solid #ABABAB;
    padding: 2px;
}
.localnews2 select{
    float: none;
}
/* sideleft */
.sideleft{
    width: 126px;
    float: left;
    font-size: 11px;
}
.sideleft ul.nav{
    list-style: none;
}
.sideleft .nav li a{
    text-decoration: none;
    border: 1px solid #BAB4AA;
    background: #AFA89D url(../img/bgnav.gif) repeat-x top left;
    display: block;
    font-weight: bold;
    color: #000;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 5px;
}
.sideleft .nav li a span{
    color: #9F0F6F;
    font-weight: normal;
}
.sideleft .nav li a:hover{
    text-shadow: 1px 1px 1px #fff;
}
.sideleft h3{
    background-color: #9F0F6F;
    color: #fff;
    font-size: 15px;
    padding: 5px;
    margin-top: 25px;
}
.sideleft a{
    color: #333333;
}
.sideleft .activ li{
    list-style: none;
    margin: 5px 0;
    background: #E8E6E2;
    border: 1px solid #C0BBB1;
    padding: 3px 7px;
}
.sideleft .activ li a{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.sideleft .activ li a:hover{
    color: #990066;
}
.sideleft .adv img{
    margin: 15px 0 0 0;
}
/* sideright */
.sideright{
    float: right;
    display: block;
    width: 200px;
}
.sideright a{
    text-decoration: underline;
}
.sideright a:hover{
    text-decoration: none;
}
.sideright h3{
    color: #fff;
    display: block;
    font: bold 15px arial, helvetica;
    background-color: #24365D;
    padding: 5px;
    margin: 20px 0 5px 0;
}
.sideright h3.blue{
    background-color: #005783;
}
.sideright h3.green{
    background-color: #6E6E00;
}
.sideright h3.purple{
    background-color: #820851;
}
.sideright h3.f12{
    font-size: 12px;
}
.sideright h3 a{
    float: right;
    text-decoration: underline;
    font: normal 13px arial;
    color: #fff;
}
.sideright h3 a:hover{
    text-decoration: none;
}
.sideright h3.no{
    margin-top: 0px;
}
.sideright h4{
    font-weight: normal;
    font-size: 13px;
}
.sideright h4.box{
    margin-top: 10px;
}
.sideright .box{
    background: #E8E6E2;
    border: 1px solid #C0BBB1;
    padding: 7px 9px;
    margin-bottom: 5px;
}
.sideright .box p{
    font: normal 13px/120% arial;
}
.sideright .my{
    list-style: none;
    font: bold 12px arial;
    margin-bottom: -10px;
}
.sideright .my li{
    padding-bottom: 5px;
}
.sideright .my a{
    text-decoration: none;
    color: #91897B;
}
.sideright .my a:hover,
.sideright .my .on a{
    color: #000;
}
.box hr{
    margin: 7px -10px;
    border: 0px;
    background-color: #fff;
    height: 2px;
    clear: both;
}
.box input[type=radio]{
    float: left;
    display: block;
    margin: 0 5px 20px 0;
}
.box input[type=text],
.box input[type=password]{
    border: 1px solid #fff;
    font-size: 13px;
    margin-bottom: 5px;
    padding: 3px 5px;
    background: url(../img/bginput.gif) repeat-x top left;
    width: 168px;
}
.box button{
    background: url(../img/bgbut.gif) repeat-x top left;
    font-weight: bold;
    border: 1px solid #ABABAB;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    margin-left: 20px;
}
.box button:hover{
    text-shadow: 1px 1px 1px #fff;
}
.box button.no{
    margin: 0px;
}
.sideright .local li{
    list-style: none;
    margin: 5px 0;
    background: #E8E6E2;
    padding: 3px 7px;
}
.sideright .local li a{
    color: #000;
    text-decoration: none;
}
.sideright .local li a:hover{
    color: #990066;
}
.sideright h2 span{
    font-size: 10px;
    display: block;
}
.sideright h2{
    font-size: 17px;
}
/* page */
.page{
    display: block;
    width: 590px;
    float: left;
    margin: 20px 20px;
}
.page h2{
    border-bottom: 1px dotted #666;
    border-top: 1px dotted #666;
    padding: 10px 0;
    font-size: 18px;
    color: #24365d;
}
.page h2.no{
    border-top: 0px;
}
.page h2 a{
    font-size: 12px;
    float: right;
    color: #820851;
    font-weight: normal;
    padding-top: 5px;
}
.page h2 a.purple{
    color: #990066;
}
.page h2.box{
    background: #E8E6E2;
    border: 1px solid #C0BBB1;
    padding: 7px 14px;
    margin-bottom: 5px;
}
.page h4{
    font-size: 15px;
    font-weight: normal;
    padding: 5px 0;
    border-bottom: 1px dotted #666;
    margin: 0 0 10px 0;
}
.page h4.no{
    border-bottom: 0px;
}
.page .black{
    color: #000;
}
.tab{
    display: block;
    border-bottom: 1px dotted #666;
    border-top: 1px dotted #666;
    list-style: none;
    height: 30px;
    padding-top: 15px;
}
.tab li{
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    display: block;
    float: left;
    text-align: center;
}
.tab li a{
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: url(../img/bgtab.gif) repeat-x bottom center;
    color: #000;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tab li a.on,
.tab li a:hover{
    background: url(../img/bgtab.gif) repeat-x top center;
    text-decoration: none;
}
/* tabs */
.tabs{
    display: block;
    background: url(../img/bg_tabs.gif) repeat-x top center;
    height: 48px;
}
.tabs ul{
    list-style: none;
    margin: 0 5px;
}
.tabs ul li{
    display: inline;
    float: left;
}
.tabs ul li a{
    display: block;
    color: #24365D;
    font: bold 12px/30px Arial, Helvetica, sans-serif ;
    background-color: #C0BBB1;
    text-align: center;
    padding: 0 10px;
    margin: 18px 3px 0 3px;
}
.tabs ul li a.on:hover,
.tabs ul li a.on{
    text-decoration: none;
    background-color: #fff;
    color: #24365D;
}
.tabs ul li a:hover{
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
.tabs ul li span{
    font: normal 11px arial;
    text-align: center;
    color: #990066;
    position: absolute;
    margin: 3px 0 0 15px;
}
h2.title{
    border: 0px;
    font: normal 31px/100% arial;
}
.by{
    font: bold 15px/140% arial;
    color: #666;
}
.meta{
    display: block;
    border: 1px solid #C0BBB1;
    background-color: #E8E6E2;
    color: #990066;
    padding: 5px 10px;
    margin: 5px 0;
}
.meta a{
    font-weight: bold;
}
.page .post p{
    font: normal 13px/160% arial;
    color: #333;
    padding: 5px 0
}
.post .center{
    display: block;
    text-align: center;
}
.post .caption{
    color: #AB2C81;
    font: bold 14px/100% arial, helvetica;
}
.post h2{
    border: 0px;
    margin: 10px 0 -5px 0;
    padding: 0px;
}
.butpur{
    display: inline-block;
    background-color: #9F0F6F;
    color: #fff;
    padding: 5px 20px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 0 10px 0;
}
.butpur:hover{
    background-color: #24365d;
    text-decoration: none;
}
.realtime li{
    list-style: none;
    border-bottom: 1px dotted #666;
    font-size: 16px;
    padding: 7px;
    clear: both;
    min-height: 50px;
}
.realtime li span{
    font-size: 12px;
}
.realtime li span a{
    font-weight: bold;
}
.realtime li img{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.realtime li .rt{
    float: right;
    background-color: #24365d;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.realtime li .rt:hover{
    text-decoration: none;
    background-color: #990066;
}
.realtime li .add{
    display: block;
    float: left;
    width: 50px;
    font-size: 10px;
    font-weight: bold;
    margin-right: 10px;
    margin-left: -60px;
}
.realtime li .add a{
    color: #24365d;
}
.stepwrap{
    display: block;
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
}
.stepwrap h3{
    color: #990066;
    font-size: 18px;
    padding-bottom: 10px;
}
.page .stepwrap p{
    font: normal 13px/120% arial;
    color: #24365D;
}
.step{
    display: block;
    float: left;
    text-align: center;
    margin: 12px 12px 12px 0;
    font-size: 14px;
}
.step h4{
    font: bold 18px arial;
    line-height: 100%;
    border: 0px;
    padding: 5px 0;
    margin: 0;
}
.step a{
    height: 50px;
    width: 182px;
    color: #fff;
    background-color: #C0BBB1;
    display: block;
    text-decoration: none;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
.step a:hover,
.step a.on{
    background-color: #24365D;
}
.afterstep{
    color: #24365D;
    font: normal 13px arial;
}
.afterstep p{
    margin-bottom: 10px;
    color: #24365D;
}
.afterstep label{
    margin-right: 5px;
    width: 100px;
    font-weight: bold;
}
.afterstep input[type=text]{
    font: normal 15px arial;
    border: 1px solid #ccc;
    padding: 4px 5px;
    width: 400px;
    margin: 0px 10px 0 0;
    background-color: #FCFBFC;
    color: #333;
}
.afterstep button{
    background: url(../img/bgbut.gif) repeat-x top left;
    font-weight: bold;
    border: 1px solid #ABABAB;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
}
.afterstep button:hover{
    text-shadow: 1px 1px 1px #fff;
}
.afterstep .submit{
    border: 1px solid #ABABAB;
    background: url(../img/bgsubmit.gif) repeat-x top center;
    color: #333;
    font: bold 13px arial;
    cursor: pointer;
    padding: 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.afterstep .submit:hover{
    background: url(../img/bgsubmit.gif) repeat-x bottom center;
}
.afterstep .submit2{
    float: right;
    margin: 10px 50px 10px 0;
}
.afterstep .wbg{
    border: 1px solid #ababab;
    background: url(../img/form.gif) repeat-x top left;
    padding: 5px 10px;
    width: 360px;
    font-size: 13px;
    margin: 5px 0;
}
.afterstep .but{
    background-color: #AC2F82;
    padding: 5px 10px;
    color: #fff;
    margin: 2px;
}
.afterstep .label{
    margin-left: 97px;
}
.rect{
    display: block;
    background-color: #EDEAA4;
    padding: 10px;
    color: #000;
    margin: 20px 0;
}
.rect img{
    float: left;
}
.rect .addp{
    float: left;
    width: 340px;
    margin: 0 10px 0 15px;
}
.rect .delp{
    float: left;
    width: 160px;
    margin: 0 10px 0 10px;
}
.formstep{
    font-size: 13px;
    color: #24365D;
    margin: 0 0 40px 0;
}
.formstep label{
    font-weight: bold;
    width: 145px;
    display: inline-block;
    vertical-align: top;
    float: left;
    padding: 4px;
}
.formstep label.sh{
    width: 100px;
}
.formstep label.w300{
    width: 300px;
}
.formstep label.w270{
    width: 280px;
    font-weight: normal;
}
.formstep input[type=text],
.formstep input[type=password],
.formstep textarea{
    font: normal 15px arial;
    border: 1px solid #ccc;
    padding: 4px 5px;
    width: 240px;
    margin: 0px 37px 10px 0;
    vertical-align: top;
    background-color: #FCFBFC;
    color: #333;
}
.formstep input.w300{
    width: 300px;
}
.formstep input.w410{
    width: 410px;
    margin: 0 0 5px 0;
}
.formstep textarea.w410{
    width: 410px;
    margin: 0 0 5px 0;
}
.formstep textarea{
    height: 100px;
}
.formstep .inform{
    margin: 0px 0 5px 155px;
    font-size: 12px;
}
.formstep .desc{
    float: left;
}
.formstep .desc input[type=radio]{
    float: left;
    margin: 5px 10px 20px 5px;
}
.formstep .desc p{
    border: 1px solid #E6E6E6;
    width: 390px;
    height: 40px;
    padding: 5px;
}
.formstep .submit{
    border: 1px solid #ABABAB;
    background: url(../img/bgsubmit.gif) repeat-x top center;
    color: #333;
    font: bold 13px arial;
    cursor: pointer;
    padding: 3px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.formstep .submit:hover{
    background: url(../img/bgsubmit.gif) repeat-x bottom center;
}
.formstep .submit1{
    margin-left: 155px;
}
.formstep .submit2{
    margin-left: 180px;
}
.formstep .nick{
    font-size: 14px;
    padding: 5px 0 0 0;
    width: 140px;
    display: inline-block;
}
.formstep .full{
    font-size: 10px;
    width: 400px;
    display: inline-block;
}
.formstep .full strong{
    font-size: 14px;
    padding-left: 5px;
}
.formstep .pic{
    float: left;
    margin: 0 20px 0 0;
}
.formstep button,
.formm button{
    background: url(../img/bgbut.gif) repeat-x top left;
    font-weight: bold;
    border: 1px solid #ABABAB;
    padding: 5px 15px;
    font-size: 12px;
    cursor: pointer;
    margin: 0 0 10px 155px;
}
.formstep button:hover{
    text-shadow: 1px 1px 1px #fff;
}
.formstep p{
    color: #333;
}
.formstep select{
    background: url(../img/form.gif) repeat-x top center;
    border: 1px solid #ABABAB;
    padding: 2px;
    margin: 0 0 7px 0;
}
.formstep button.go2,
.afterstep button.go2{
    float: right;
    background: #820851 url(../img/next.gif) no-repeat top right;
    color: #fff;
    font: bold 14px/28px arial;
    height: 28px;
    padding: 0 20px;
    border: 0px;
    margin: 0px;
}
.formstep button.go1,
.afterstep button.go1{
    background: #820851 url(../img/back.gif) no-repeat top left;
    float: left;
}
.formstep button.go2:hover,
.formstep button.go1:hover,
.afterstep button.go2:hover,
.afterstep button.go2:hover{
    text-shadow: 0px;
    color: #edeaa4;
    text-shadow: none;
}
.ctr{
    margin: 0 100px;
}
/* formp */
.page .formp p{
    background-color: #E8E6E2;
    padding: 5px 7px;
    display: block;
    margin: 4px 0;
}
.page .formp p.big{
    font: bold 16px/140% arial;
    vertical-align: middle;
    padding: 10px;
}
.page .formp p.big span{
    font: normal 15px arial;
    color: #820851;
}
.page .formp p.big input[type=radio]{
    display: block;
    float: left;
    height: 45px;
    margin: 0 10px;
}
.page .formp p.big img{
    float: left;
    margin: -3px 15px 0 0;
}
.formp select,
.formm select{
    background: url(../img/bgbut.gif) repeat-x top left ;
    border: 1px solid #ababab;
    margin: 0 7px 0 0;
    padding: 3px;
}
.page .formp p.nop{
    background-color: transparent;
    font:bold 13px/130% Arial;
    margin: 15px 0 0 0;
    padding: 0px;
}
.page .formp p.norm{
    font-weight: normal;
}
.page .formp p.whr{
    margin: 0px;
}
.formp select.w200{
    min-width: 200px;
}
.formp button{
    margin-left: 160px;
}
.formp input[type=text]{
    margin: 0;
    vertical-align: middle;
}
.formp .pright{
    float: right;
}
.fright{
    display: block;
    width: 200px;
    padding: 10px;
    float: right;
}
.fright p{
    border: 1px solid #C0BBB1;
    font: normal 12px/130% arial;
}
.fright select{
    
    margin: 10px 0;
}
.pageleft{
    display:block;
    float: left;
    width: 284px;
}
.pageright{
    display:block;
    float: right;
    width: 284px;
}
.pageleft .find{
    font: bold 13px arial;
    color: #24365D;
    padding: 5px 0 0 0;
}
.pageleft .find input{
    border: 1px solid #ababab;
    font: bold 12px arial;
    padding: 5px 10px;
    width: 225px;
    margin: 7px 5px 0 0;
}
.pageleft .find button{
    border: 0px;
    height: 28px;
    width: 28px;
    background: url(../img/go2.png) no-repeat top left;
    cursor: pointer;
    text-indent: -5000px;
}
.pageleft .find button:hover{
    background: url(../img/go2.png) no-repeat bottom left;
}
.pageleft h3,
.pageright h3{
    color: #fff;
    display: block;
    font: bold 15px arial, helvetica;
    background-color: #24365D;
    padding: 5px;
    margin: 20px 0 5px 0;
}
.pageleft h3 a,
.pageright h3 a{
    float: right;
    text-decoration: underline;
    font: normal 13px arial;
    color: #fff;
}
.pageleft h3 a:hover,
.pageright h3 a:hover{
    text-decoration: none;
}
.pageleft p,
.pageright p{
    font-size: 13px;
    color: #000;
    font-weight: bold;
}
/*.pageleft ol li{
    list-style: none;
    margin: 5px 0;
    background: #E8E6E2;
    border: 1px solid #C0BBB1;
    font-size: 13px;
    padding: 3px 7px;
}
.pageleft ol li a{
    color: #000;
}*/
.pageright ol li,
.pageleft ol li{
    list-style: none;
    margin: 5px 0 0 0;
    border-top: 1px dotted #666;
    padding: 5px 0 0 0;
}
.pageright .findmap{
    text-align: center;
    display: block;
    font-weight: bold;
}
.pageright .findmap h3{
    line-height: 18px;
    font-size: 18px;
    padding: 25px 0;
}
.pageright .findmap a{
    color: #24365D;
}
.findfind{
    font: bold 13px arial;
    color: #24365D;
}
.findfind input[type=text]{
    border: 1px solid #ababab;
    font: bold 12px arial;
    padding: 5px 10px;
    width: 225px;
    margin: 5px 5px 5px 0;
}
.findfind button{
    border: 0px;
    height: 28px;
    width: 28px;
    background: url(../img/go2.png) no-repeat top left;
    cursor: pointer;
    text-indent: -5000px;
    float: right;
    margin: -10px 0 0 0;
}
.findfind button:hover{
    background: url(../img/go2.png) no-repeat bottom left;
}
.page hr{
    border-top: 0px;
    border-bottom: 1px dotted #666;
    height: 0px;
    margin: 10px 0;
}
.page p{
    color: #333;
    line-height: 140%;
    margin: 10px 0;
}
.page form p{
    color: #24365d;
}
.comment{
    background-color: #EDEDED;
    display: block;
    padding: 20px 25px;
}
.comment h3{
    font: bold 18px arial;
    color: #000;
    padding: 10px 0;
}
.comment h3 a{
    font: bold 12px arial;
    float: right;
}
.copost {
    display: block;
    padding: 5px 0;
}
.coleft{
    font: normal 11px arial;
    width: 80px;
    float: left;
    color: #8d8d8d;
}
.coright{
    background-color: #fff;
    border: 1px solid #DCDDDD;
    width: 360px;
    padding: 20px 25px;
    float: right;
    font: bold 11px verdana, arial;
}
.coright p{
    padding-bottom: 5px;
}
.coright .reply{
    margin-top: 40px;
    display: block;
    font-size: 10px;
}
.coright .quo{
    display: block;
    height: 35px;
    width: 45px;
    background: url(../img/coment.gif) top left no-repeat;
    position: absolute;
    margin: 0 0 0 -58px;
}
.postform textarea{
    width: 360px;
    height: 120px;
    font: bold 11px verdana, arial;
    border: 0px;
    color: #666;
}
.postform input{
    border: 1px solid #DCDDDD;
    width: 400px;
    padding: 5px;
    font: bold 11px verdana, arial;
    margin: 5px 0 0 128px;
    color: #666;
}
.postform button{
    float: right;
    padding: 5px 10px;
    background: url(../img/bgsubmit.gif) repeat-x top left;
    color: #990066;
    border: 1px solid #DCDDDD;
    font: bold 10px verdana;
    cursor: pointer;
    margin: 15px 0 0 0;
}
.postform button:hover{
    background: url(../img/bgsubmit.gif) repeat-x bottom left;
}
.findlist{
    display: block;
    text-align: center;
    font: bold 15px arial;
    border: 2px solid #ccc;
    padding: 10px 5px;
    margin: 5px 0;
}
/* footer */
.footer{
    display: block;
    background: #E5E5DA;
    border: 1px solid #C8C8B2;
    padding: 3px 5px;
    margin: 10px 0 50px 0;
}
.footer a{
    color: #000;
}
.footer img{
    margin: 0 23px -17px 5px;
}
.footer1 .col{
    width: 220px;
    float: left;
}
.footer1 .col h4{
    font-size: 16px;
    font-weight: normal;
    color: #24365d;
    margin: 12px 0 0 3px;
    padding: 0px;
}
.footer1 .col h4 a{
    color: #24365d;
    font-weight: bold; 
}
.footer1 .col2{
    width: 165px;
    margin: 10px 10px 0 0;
    font-size: 13px;
    line-height: 120%;
}
.footer2{
    text-align: center;
    font-size: 13px;
    padding: 5px;
}
/* noright */
.noright{
    width: 811px;
    margin: 0 0 0 20px;
}
.noright .footer img{
    margin: 0 40px -17px 20px;
}
.noright h2{
    margin-bottom: 10px;
}
.noright h2 form{
    font-size: 12px;
    float: right;
    color: #1B2846;
    font-weight: bold;
    margin: -5px 0 0 0;
}
.noright h2 form input{
    background: url(../img/form.gif) repeat-x top left;
    border: 1px solid #ababab;
    font: bold 12px arial;
    padding: 5px 10px;
    width: 230px;
    margin: 0 5px;
}
.noright h2 form button{
    border: 0px;
    height: 28px;
    width: 28px;
    background: url(../img/go2.png) no-repeat top left;
    cursor: pointer;
    text-indent: -5000px;
}
.noright h2 form button:hover{
    background: url(../img/go2.png) no-repeat bottom left;
}
.jump{
    font: bold 13px arial;
    color: #24365D;
    display: block;
    vertical-align: middle;
    padding: 30px 0 20px 0;
}
.jump form{
    float: right;
    margin: -5px 0 0 0;
}
.jump input{
    background: url(../img/form.gif) repeat-x top left;
    border: 1px solid #ababab;
    font: bold 12px arial;
    padding: 5px 10px;
    width: 230px;
    margin: 0 5px;
}
.jump button{
    border: 0px;
    height: 28px;
    width: 28px;
    background: url(../img/go2.png) no-repeat top left;
    cursor: pointer;
    text-indent: -5000px;
}
.jump button:hover{
    background: url(../img/go2.png) no-repeat bottom left;
}
.catego{
    list-style: none;
    display: block;
    margin: 15px 0;
}
.catego li{
    display: inline;
    margin: 0 10px 0 0;
}
.catego li a{
    background-color: #C0BBB1;
    color: #fff;
    font: bold 13px arial;
    padding: 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.catego li a:hover,
.catego li.on a{
    text-decoration: none;
    background-color: #9F0F6F;
}
.catego li.red a{
    background-color: #FF3300;
    margin: -5px 0 0 0;
    float: right;
}
.catego li.red a:hover{
    background-color: #E74800;
}
/* apa */
.apa{
    display: block;
    margin: 10px auto;
}
.apasih{
    display: block;
    float: left;
    border: 1px solid #CECDBD;
    background-color: #EBEAE6;
    width: 186px;
    height: 66px;
    margin: 4px;
}
.apasih img{
    float: left;
    margin: 7px;
}
.apasih h4{
    color: #600060;
    font: normal 15px/100% arial;
    width: 100px;
    float: left;
    display: block;
    border-bottom: 0px;
    margin: 0px;
}
.apasih p{
    display: block;
    float: left;
    margin-top: 4px;
}
.apasih p a{
    color: #2B420B;
}
.boxbot{
    background-color: #E8E6E2;
    font: bold 15px arial;
    text-align: center;
    padding: 10px 0;
    margin: 10px 0;
}
.selectr{
    width: 200px;
    padding: 2px 5px;
    background: url(../img/form.gif) repeat-x top left;
    border: 1px solid #ababab;
    margin: 0px;
}
.your{
    list-style: none;
}
.your li a{
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px dotted #666;
    color: #333;
    font-size: 12px;
}
.your li a:hover,
.your li.on a{
    color: #820851;
    background-color: #E5E5DA;
}
.boxtop{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1;
    width: 190px;
    float: left;
}
.boxtop h5{
    font: bold 15px arial;
    padding: 5px 10px; 
}
.boxtop textarea{
    border: 1px solid #CCCCCC;
    font: normal 13px arial;
    margin: 0 10px;
    padding: 5px;
    height: 50px;
    width: 160px;
}
.boxtop button,
.box2  button{
    margin: 0 10px;
    font: bold 12px arial;
    background: url(../img/bgbut.gif) repeat-x top left;
    border: 1px solid #ababab;
    padding: 5px;
    cursor: pointer;
}
.boxtop button{
    margin: 10px;
}
.boxtop button:hover,
.box2  button:hover{
    text-shadow: 1px 1px 1px #fff;
}
.boxtop p{
    margin: 0 10px;
    font: normal 13px arial;
    color: #000;
}
.cen{
    margin: 0 6px;
}
.box2{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1;
    padding: 5px 10px;
    margin: 10px 0 5px 0;
    font: bold 15px arial;
}
.box2 input[type=text]{
    border: 1px solid #ccc;
    padding: 3px;
    width: 245px;
    height: 20px;
    margin: 0 0 0 20px;
}
.page .m0{
    margin: 0px;
}
.adminleft h3{
    background-color: transparent;
    color: #820851;
    padding: 0px;
    margin-bottom: 10px;
    font: normal 18px arial;
}
.adminleft ul li{
    list-style: none;
    font: bold 13px/160% arial;
}
.adminpage{
    margin-top: 25px;
}
.adminpage h3{
    font: bold 18px arial;
}
.map7{
    float: left;
    margin: 0 20px 20px 0;
}
.mapnet label{
    color: #23355B;
    font: bold 12px/160% arial;
}
.mapnet select{
    width: 200px;
    padding: 2px;
    background: url(../img/form.gif) repeat-x top left;
    border: 1px solid #ababab;
    margin: 5px 0;
    font: bold 12px arial;
}
.mapnet  button{
    margin: 10px 0;
    font: bold 12px arial;
    background: url(../img/bgbut.gif) repeat-x top left;
    border: 1px solid #ababab;
    padding: 5px;
    cursor: pointer;
}
.mapnet  button:hover{
    text-shadow: 1px 1px 1px #fff;
}
.map8{
    float: right;
    width: 330px;
}
.box2 .q2 textarea{
    border: 1px solid #ccc;
    font: normal 13px arial;
    height: 50px;
    width: 550px;
    padding: 5px;
    margin: 5px 0;
}
.box2 .q2 p{
    font: normal 13px arial;
}
.box2 .r{
    float: right;
    margin: 0px;
}
.box2 .q2 h5{
    margin: 0px;
    padding: 10px 0;
}
.box2 .q2 button{
    margin: 10px auto;
    display: block;
}
.q3{
    font: normal 13px arial;
}
.q3 h5{
    padding: 5px 0;
    margin: 0px;
}
.m75{
    margin-left: 75px;
}
.m75 img{
    position: absolute;
    margin: 35px 0 0 -70px;
}
.box2 .done{
    background: url(../img/bt_done.png) repeat-x top left;
    border: 1px solid #CC9900;
    margin-left: 100px;
}
.box2 button{
    margin: 10px 0;
}
.box2 select{
    background: url(../img/form.gif) repeat-x top center;
    border: 1px solid #ABABAB;
    padding: 2px;
}
.box3{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1;
    padding: 5px 10px;
    width: 265px;
    height: 40px;
    vertical-align: 100%;
}
.box3 img{
    float: right;
    margin: -15px 5px 0 5px;
}
.bl{
    float: left;
}
.br{
    float: right;
}
.orange{
    color: #D85300;
}
.rb{
    float: right;
    margin: -10px 0 0 10px;
}
html .answer{
    display: block;
    text-align: center;
    margin: 20px 0;
}
.answer a{
    color: #fff;
    background-color: #820851;
    font: bold 16px arial;
    padding: 7px 50px;
}
.answer a:hover{
    background-color: #24365D;
    text-decoration: none;
}
h4 strong,
h4 select{
    float: right;
}
h4 select{
    background: url(../img/form.gif) repeat-x top left;
    border: 1px solid #ababab;
    padding: 2px;
    margin: -7px 10px    
}
.reanswer li{
    font-size: 13px;
}
.reanswer li img{
    margin-right: 20px;
    margin-bottom: 5px;
}
.viewall{
    float: right;
    font-size: 12px;
}
.open li{
    list-style-image: url(../img/li.png);
    font: normal 13px/140% arial;
    margin-left: 20px;    
}
.categ a{
    color: #000;
    font: normal 12px/150% arial;
    text-decoration: none;
}
.categ a:hover{
    text-decoration: underline;
}
html .nop{
    padding: 0px;
    margin: 0px;
}
.aream{
    padding: 5px;
    font: normal 15px/130% arial;
    color: #333;
    width: 580px;
    height: 110px;
    margin: 4px 0;
    border: 1px solid #ccc;
}
.aream2{
    height: 35px;
}
.pageleft .noh,
.pageright .noh{
    margin: 0 0 10px 0;
}
.findn{
    font: bold 13px arial;
}
html .findn h3{
    margin-bottom: 10px;
}
.findn input[type=text]{
    border: 1px solid #ccc;
    padding: 4px;
    height: 20px;
    width: 225px;
    font: normal 15px arial;
    margin: 5px 0 10px 0;
}
.findn button{
    cursor: pointer;
    border: 1px solid #ababab;
    font: bold 12px arial;
    padding: 5px;
    float: right;
    margin: 5px 5px 0 0;
    background: url(../img/bgbut.gif) repeat-x top left;
}
.pageleft a{
    color: #000;
}
.step123{
    display: block;
    margin: 15px 0;
}
.step123 li{
    list-style: none;
    display: inline-block;
    font: bold 15px arial;
    margin: 0 4px 0 0;
}
.step123 li a{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1;
    color: #333;
    padding: 7px 20px;
}
.step123 li a span{
    color: #990066;
}
.step123 .on a,
.step123 .on a span,
.step123 li a:hover,
.step123 li a:hover span{
    text-decoration: none;
    color: #fff;
    background-color: #820851;
}
.formap{
    float: right;
    width: 330px;
    margin-top: 10px;
}
sup{
    color: #820851;
}
.wmap{
    display: block;
    width: 370px;
    font: bold 12px/160% arial;
}
.w450{
    width: 450px;
}
.wmap input[type=text]{
    width: 340px;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #ccc;
    background-color: #fcfbfc;
    font: normal 15px arial;
}
.wmap select{
    border: 1px solid #ABABAB;
    background: url(../img/form.gif) repeat-x top left;
    width: 200px;
    padding: 2px;
    margin: 5px 0;
}
.wmap select.w350{
    width: 350px;
}
.wmap select.w50{
    width: 70px;
}
.boxmap{
    background-color: #F5F4F0;
    padding: 10px;
    border: 1px solid #820851;
    font: normal 13px/120% arial;
    color: #000;
}
.wmap input.w100{
    width: 90px;
    margin: 5px 10px;
}
.wmap input.w200{
    width: 190px;
    margin: 5px 10px;
}
.wmap button{
    border: 1px solid #ABABAB;
    background: url(../img/form.gif) repeat-x top left;
    font: bold 12px arial;
    cursor: pointer;
    padding: 5px 20px;
    float: right;
}
.wmap button.sb{
    float: left;
}
.wmap img{
    vertical-align: middle;
}
.wmap input[type=radio]{
    margin: 7px 0;
}
.wmap textarea{
    border: 1px solid #ccc;
    background-color: #FCFBFC;
    font: normal 15px arial;
    padding: 10px;
    width: 430px;
    height: 180px;
    color: #333;
}
.wmap input.w400{
    width: 400px;
}
.wmap input[type=file]{
    margin: 0 20px;
}
.wmap .norm,
html .norm{
    font-weight: normal;
}
.boxgreen{
    background-color: #CCCC00;
    padding: 2px 10px;
}
.inpic img{
    margin: 0 1px;
}
.cbox{
    display: block;
    background-color: #E8E6E2;
    border: 1px solid #CCC;
    padding: 10px;
    margin: 3px 0;
}
.cbox input[type=text]{
    border: 1px solid #ccc;
    background-color: #FCFBFC;
    font: normal 15px arial;
    color: #333;
    padding: 4px 5px;
    margin: 0 10px;
}
.w490{
    width: 490px;
    margin: 0 10px;
}
.cbox button,
.bbox .button{
    border: 1px solid #ababab;
    background: url(../img/bgbut.gif) repeat-x top left;
    color: #333333;
    font: bold 12px arial;
    padding: 4px 10px;
    cursor: pointer;
}
.button:hover{
    text-decoration: none;
}
.cbox img{
    vertical-align: middle;
    margin: 0 10px;
}
.w110{
    width: 110px;
}
.bbox .r,
.cbox .r{
    float: right;
}
.bbox{
    display: block;
    border: 2px solid #ccc;
    margin: 5px 0;
    padding: 10px;
}
.bbox .flat{
    background-color: #820851;
    padding: 5px 20px;
    color: #fff;
    font: bold 12px arial;
    margin: 0 0 0 200px 
}
.bbox .flat:hover{
    text-decoration: none;
    background-color: #24365d;
}
.map0{
    float: right;
    width: 307px;
}
.map0 p{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1;
    display: block;
    padding: 5px 10px;
    font-weight: bold; 
    color: #333;
    margin: 5px 0;
}
.map0 p img{
    float: right;
}
.w0{
    float: left;
    width: 258px;
}
.blank3{
    margin: 10px 0;
}
.blank3 img{
    margin: 0 2px;
}
.r{
    float: right;
}
.status{
    background-color: #EAEAE1;
    display: block;
    padding: 10px;
}
.status textarea{
    border: 1px solid #ccc;
    padding: 5px;
    width: 555px;
    height: 70px;
    font: normal 15px arial;
    margin-bottom: 10px;
}
.status button{
    float: right;
    padding: 5px 20px;
    background: url(../img/bgbut.gif) repeat-x top left;
    font-weight: bold;
    border: 1px solid #ABABAB;
    font-size: 12px;
    cursor: pointer;
}
.bg{
    background-color: #E8E6E2;
}
.realtime li .numero{
    font: bold 27px arial;
    color: #cccccc;
    float: right;
    margin: 0 5px;
}
.m50{
    margin-left: 70px;
}
.status2{
    background-color: #EBEAE6;
    padding: 5px;
    margin: 10px 0 0 80px;
}
.status2 textarea{
    padding: 5px;
    width: 440px;
    height: 20px;
    font: normal 13px arial;
    color: #820851;
    border: 1px solid #ccc;
}
.page .navy{
    color: #24365D;
}
.page .blu{
    color: #1987BA;
}
.option label{
    font: bold 13px arial;
    color: #820851;
    width: 120px;
    display: inline-block;
    float: left;
}
.option p{
    float: right;
    width: 440px;
    padding: 5px;
    background-color: #EBEAE6;
    border: 1px solid #CECDBD;
    font: bold 13px arial;
    color: #333;
    margin: 0 0 4px 0;
}
.option button{
    margin-left: 140px;
    background: url(../img/bgbut.gif) repeat-x top left;
    font-weight: bold;
    border: 1px solid #ABABAB;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
}
.formstep .w550{
    width: 550px;
}
.page .mle{
    margin: 0 0 0 155px;
}
.formstep .w350{
    width: 350px;
}
.sp{
    background-color: #E5E5DA;
    padding: 5px;
    border: 1px solid #C8C8B2;
    vertical-align: middle;
}
.formm textarea{
    font: normal 15px arial;
    border: 1px solid #ccc;
    padding: 5px;
    width: 580px;
    background-color: #FCFBFC;
    color: #333;
    margin: 5px 0;
}
.blub{
    background-color: #CCE5FF;
    padding: 5px 10px;
    font-size: 15px;
}
.page form .pb{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1;
    color: #820851;
    padding: 5px;
}
.page .alert,
.alert{
    background-color: #CCCC00;
    font-size: 13px;
    padding: 5px 10px;
    margin: 0 0 4px 153px;
    color: #000;
}
.wright .alert{
    margin: 5px 0;
}
.add2{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1;
    padding: 5px 10px;
}
.h170{
    height: 170px;
}
.formm input[type=file]{
    margin: 0 0 10px 20px;
}
.formm input[type=text]{
    font: normal 15px arial;
    border: 1px solid #ccc;
    padding: 5px;
    width: 580px;
    background-color: #FCFBFC;
    color: #333;
    margin: 5px 0;
}
.formm .cap{
    float: left;
    width: 100px;
}
.formm .tcap{
    width: 457px;
    float: right;
    margin-top: -10px;
}
.m130{
    margin-left: 130px;
}
.dyh img,
.dyh input,
.dyh p{
    float: left;
    margin: 0 20px 0 0;
    vertical-align: middle;
}
.dyh p{
    width: 400px;
}
.s42{
    display: inline-block;
    margin: 0 0 0 90px;
    vertical-align: top;
}
.cctv{
    display: block;
    text-align: center;
    font: italic 14px arial;
    color: #666;
}
.blu img{
    vertical-align: middle;
    margin: 0 0 0 40px;
}
.sebu select,
.sebu button{
    background: url(../img/bgbut.gif) repeat-x top left;
    font-weight: bold;
    border: 1px solid #ABABAB;
    padding: 5px 15px;
    font-size: 12px;
    cursor: pointer;
    margin: 0 10px;
}
.sebu select{
    padding: 5px 2px;
    width: 200px;
    cursor: default;
}
.page .alert2{
    margin: 0px;
}
.badut{
    width: 90px;
    float: left;
    display: inline-block;
}
.badutnya{
    display: inline-block;
    float: right;
    width: 456px;
    font: normal 13px/140% arial;
}
.badutnya button{
    background: url(../img/bgbut.gif) repeat-x top left;
    font-weight: bold;
    border: 1px solid #ABABAB;
    padding: 5px 15px;
    font-size: 12px;
    cursor: pointer;
    margin: 10px 50px 10px 0;
}
.crimemap .cbox input[type="text"]{
    width: 300px;
}
.crimemap .cbox input[type="text"].w110{
    width: 100px;
    margin: 0 5px 0 0;
}
.crimemap .cbox .w180{
    width: 170px;
    display: inline-block;
}
.crimemap .cbox img{
    margin: 0 5px;
}
.crimemap .bbox .flat{
    margin: 0 0 0 50px;
}
.limg{
    float: left;
    margin: 0 20px 0 0;
}
.credit{
    font-size: 11px;
    position:    absolute;
    margin: -45px 0 0 160px;
    color: #666;
}
.credit a{
    color: #666;
}
.locate{
    background-color: #E8E6E2;
    border: 1px solid #BAB4AA;
    margin: 10px 0 -10px 0;
    padding: 10px;
    color: #24365D;
}
.locate label{
    font: bold 18px arial;
}
.locate input[type=text]{
    font: normal 15px arial;
    background-color: #FCFBFC;
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 270px;
    margin: 0  10px 0 20px;
}
.locate p{
    margin: 0 0 0 90px;
    color: #24365D;
}
.locate select{
    background: url(../img/form.gif) repeat-x top center;
    border: 1px solid #ABABAB;
    padding: 5px;
}
.locate button{
    text-indent: -5000px;
    background: url(../img/go1.png) no-repeat top left;
    width: 36px;
    height: 28px;
    border: 0px;
    cursor: pointer;
    margin: 0 0 0 5px;
}
.about img{
    float: left;
    margin: 0 30px 10px 0;
}
.about{
    font: normal 13px/140% arial;
}
.formstep .h190{
    height: 190px;
}
.formstep input.w310,
.formstep textarea.w310{
    width: 310px;
}
.share{
    display: block;
    margin: -35px 0 10px 0;
    height: 45px;
}
.adbox{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1;
    padding: 10px;
    margin: 10px 0;
    font: normal 12px/110% arial;
}
.adbox p{
    padding: 5px 0;
}
.sideleft .purple,
.sideleft .purple a{
    color: #990066;
}
.pagination li{
    list-style: none;
    float: left;
}
.flash{
    background-color: #000;
    height: 300px;
    display: block;
}
.tabtab{
    list-style: none;
    position: absolute;
    margin: 276px 0 0 275px;
}
.tabtab li{
    float: left;
    display: inline;
    margin: 0 4px;
}
.tabtab a{
    background: url(../img/bg_tabtab.png) repeat-x top center;
    height: 24px;
    padding: 0 20px;
    display: block;
    font: bold 14px/24px arial;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}
.tabtab a:hover{
    text-decoration: none;
    background: url(../img/bg_tabtab.png) repeat-x bottom center;
}
.img{
    width: 180px;
    float: left;
}
.afimg{
    float: right;
    width: 400px;
    font: normal 13px/140% arial;
}
.afimg p{
    padding: 0 0 10px 0;
    margin: 0px;
}
.drnew label{
    width: 130px;
    font-weight: bold;
    display: inline-block;
}
.drnew input[type=text]{
    background-color: #EDEDE5;
    border: 1px solid #66738E;
    font: normal 15px arial;
    padding: 4px;
    width: 182px;
}
.drnew button{
    background: url(../img/bgbut.gif) repeat-x top left;
    border: 1px solid #ababab;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 10px;
    margin: 0 20px 0 10px;    
}
.drnew button:hover{
    background: url(../img/bgbut.gif) repeat-x bottom left;
    text-shadow: 1px 1px 1px #fff;
}
.drnew select{
    background: url(../img/bgbut.gif) repeat-x top left;
    border: 1px solid #ababab;
    padding: 3px;
    width: 200px;
}
.drnew select.long{
    width: 290px;
}
.boxi{
    background-color: #E8E6E2;
    border: 1px solid #C0BBB1; 
    padding: 5px 10px;
    font-weight: bold;
}
.boxi2{
    text-align: center;
    font-size: 17px;
    font-weight: normal;
}
.boxi img{
    vertical-align: middle;
}
.thumb{
    margin: 10px 0;
}
.thumb img{
    width: 75px;
    height: 75px;
    margin: 2px;
}
.formbox{
    border: 1px solid #C0BBB1;
    padding: 10px;
    margin: 10px 0;
}
.formbox .left{
    float: left;
    width: 180px;
    font-weight: bold;
}
.formbox .right{
    width: 360px;
    float: right;
}
.formbox textarea,
.formbox input[type=text]{
    background-color: #FCFBFC;
    border: 1px solid #ccc;
    width: 340px;
    padding: 4px;
    font: normal 14px arial;
    margin: 5px 0;
}
.formbox textarea{
    height: 170px;
    font: normal 12px arial;
}
.formbox label{
    font-weight: bold;
}
.formbox button{
    margin-left: 210px;
    background: url(../img/bgbut.gif) repeat-x top center;
    border: 1px solid #ababab;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
}
.formbox button:hover{
    text-shadow: 1px 1px 1px #fff;
}
.comp{
    font: bold 12px/160% arial;
    margin: 10px 0;
}
.wleft{
    float: left;
    width: 300px;
}
.wright{
    float: right;
    width: 575px;
}
.wleft hr,
.wright hr{
    border-top: 0px;
    border-bottom: 1px dotted #666;
    height: 0px;
    margin: 10px 0;
}
.wleft h3{
    border-bottom: 1px dotted #666;
    border-top: 1px dotted #666;
    font: bold 18px arial;
    color: #990066;
    margin: 50px 0 0 0;
    padding: 5px 0;
}
.wleft p{
    font: normal 15px/130% arial;
    padding: 5px 0;
}
.wleft h3.box{
    color: #fff;
    background-color: #990066;
    border: 0px;
    margin: 10px 0 0 0; 
    padding: 5px 10px;
    font: bold 15px arial;
}
.wleft ul{
    list-style: none;
    font: bold 14px arial;
}
.wleft li{
    border-top: 1px dotted #666;
    padding: 10px 0;
}
.wleft li a{
    color: #333333;
}
.wleft li a:hover,
.wleft li a.on{
    color: #990066;
    text-decoration: none;
}
.wleft .boxo{
    border: 1px solid #820851;
    background-color: #E8E6E2;
    padding: 10px;
    font: normal 13px/130% arial;
    margin: 20px 0;
}
.wright h2{
    font: normal 24px/46px arial;
}
.wright h3{
    border-bottom: 1px dotted #666;
    border-top: 1px dotted #666;
    color: #990066;
    font: normal 14px arial;
    padding: 10px 0;
}
.wright .box{
    border: 1px solid #C0BBB1;
    padding: 10px;
    margin: 10px 0;
}
.bleft{
    width: 180px;
    float: left;
}
.bleft p{
    font: normal 12px/120% arial;
    padding: 20px 0;
}
.bleft h4{
    font: bold 17px arial;
}
.bright{
    width: 350px;
    float: right;
}
.bright label{
    font: bold 12px arial;
    padding: 5px 0;
}
.bright label span{
    font-weight: normal;
    color: #990066;
}
.bright input[type=text],
.bright textarea,
.bright .cb{
    background-color: #FCFBFC;
    background-image: none;
    border: 1px solid #ccc;
    padding: 4px;
    font: normal 14px arial;
    width: 330px;
    margin: 7px 0;
    color: #333;
}
.bright .cb{
    font: bold 12px arial;
}
.bright textarea{
    height: 280px;
    font: normal 12px arial;
}
.bright p{
    margin: 0 0 10px 0;
    padding: 0px;
    line-height: 100%;
}
.boxe{
    background-color: #000;
    color: #fff;
    padding: 10px;
    margin: 10px 0;
    font-weight: bold;
}
.boxe h4{
    font: bold 25px arial;
    float: left;
    width: 200px;
    text-align: center;
}
.bright select,
.bleft .file{
    border: 1px solid #ababab;
    margin: 5px 0;
    padding: 2px;
    background: url(../img/bgbut.gif) repeat-x top left;
    font: bold 12px arial;
}
.bleft .file{
    padding: 5px 20px;
    color: #333;
}
.bright img{
    float: left;
    margin: 0 20px 0 0;
}
.bright button{
    margin: 0px;
    padding: 5px 20px;
}
.wright p.top{
    padding: 10px 0;
    font: normal 13px/140% arial;
}
.ncb{
    width: 360px;
}
.ncb .cb{
    font-weight: normal;
    margin: -1px 0 0 0;
    padding: 7px;
    background-color: #fff;
}
.dir label{
    font-weight: bold;
    width: 180px;
    display: inline-block;
}
.dir sup{
    font-weight: normal;
}
.dir input[type=text],
.dir input[type=password]{
    width: 240px;
    height: 20px;
    padding: 4px 5px;
    background-color: #FCFBFC;
    border: 1px solid #ccc;
    margin: 4px 0;
}
.dir input.w150{
    width: 150px;
}
.dir img{
    vertical-align: middle;
    margin: 0 3px;
}
.dir .rety{
    margin-left: 185px;
}
.bsu{
    border: 1px solid #ccc;
    background-color: #fcfbfc;
    padding: 7px 5px;
}
.bsu button{
    margin-left: 180px;
    background: url(../img/bgbut.gif) repeat-x top center;
    border: 1px solid #ababab;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
}
.bsu button:hover{
    text-shadow: 1px 1px 1px #fff;
}
.dirad label{
    font-weight: bold;
    padding: 7px 0;
    display: inline-block;
}
.dirad input[type=text],
.dirad input[type=password]{
    padding: 4px 5px;
    border: 1px solid #ccc;
    width: 340px;
    height: 20px;
}
.wright h3 a{
    float: right;
}
.bra{
    border: 1px solid #ccc;
    background-color: #FCFBFC;
    padding: 10px 20px;
    margin: 5px 0;
    font-weight: bold;
}
.bra .r{
    font-weight: normal;
}
.fotolist{
    margin: 10px 0;
}
.fotolist img,
.fotolist input[type=checkbox],
.fotolist p{
    float: left;
}
.fotolist img{
    margin: 0 20px 0 0;
}
.fotolist p{
    margin: 10px 20px;
    width: 70%;
}
.fotolist .edit,
.fotolist input[type=checkbox]{
    margin: 30px 0 0 0;
}
.fotolist .edit{
    float: right;
}
button,
.rightlit select{
    background: url(../img/bgbut.gif) repeat-x top left;
    font-weight: bold;
    border: 1px solid #ABABAB;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
}
button:hover{
    text-shadow: 1px 1px 1px #fff;
}
.nolabel{
    margin: 0 0 0 120px;
}
.labelf{
    float: left;
    width: 120px;
}
.fotor{
    float: left;
    width: 450px;
}
.fotor img{
    vertical-align: middle;
    margin: 0 0 10px 20px;
}
.fotor textarea,
.fotor input[type=text]{
    background-color: #FCFBFC;
    border: 1px solid #ccc;
    padding: 5px;
    width: 440px;
    height: 40px;
    font: normal 15px arial;
}
.fotor input[type=text]{
    height: 20px;
    margin: 5px 0;
}
.fotor textarea.tall{
    height: 310px;
}
.wright .img{
    width: 120px;
}
.wright h4{
    padding: 5px 0;
}
.pay{
    border: 1px solid #820851;
    background-color: #E8E6E2;
    font: bold 18px arial;
    padding: 10px 20px;
    margin: 5px 0;
}
.pay label{
    width: 150px;
    display: inline-block;
}
.leftlit{
    float: left;
    width: 180px;
}
.rightlit{
    display: inline-block;
}

/* TAMBAHAN LABEL BUDI */
label.error {
    background-color: #CCCC00;
    font-size: 13px;
    padding: 5px 10px;
    margin: 0 0 4px 153px;
    color: #000;
    width:415px;
}
#landing_login label.error {
    display:block;
    margin-left:0;
    width:160px;
    font-size:11px;
}
#form_your_info p , #home_info_form p, #settings_form p{
    position:relative;
    height:26px;
    line-height:26px;
}
#form_your_info label.error ,#home_info_form label.error, #settings_form label.error {
    height:20px;
    line-height:20px;
    margin:0;
    position:absolute;
    right:-155px;
    top:3px;
    width:140px;
}
#location_form label#warning, #network_form label#error_create {
    margin-left:0;
    width:310px;
}
label.error:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

#network_city{
    background: url(../img/bgbut.gif) repeat-x top left;
    border: 1px solid #ABABAB;
    padding: 3px 5px 4px 5px;
    font-size: 12px;
    height: 20px;
    cursor: pointer;
    text-indent: 0;
    height: inherit;
    width: inherit;
    font-weight: normal;
}
#network_city:hover{
    text-shadow: 1px 1px 1px #fff;
}
#province{
    background: url(../img/form.gif) repeat-x top left;
    border: 1px solid #ababab;
    font: bold 12px arial;
    padding: 4px 4px 5px 4px;
    width: 140px;
    margin: 0 5px;
}
#address{
	margin-top: 1px;
}
#show_address_button{
    background: url(../img/go1.png) no-repeat top left;
    width: 36px;
    height: 28px;
    padding: 0px;
    text-indent: -5000px;
    border: 0px;
}
#filter_submit{
	font-size: 16px;
}
.crime{
	margin-bottom: 20px;
}
